<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>job361</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
  </head>
  <body>
    <div class="page-group">
        <div class="page page-current" id="sy">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">个人基本信息</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block bac">
		    <ul>
		      <!-- 代理名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">代理名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入全称">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 填表日期 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">填表日期</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 头像 -->
		      
		      <li>
		        <div class="item-content js_uploadBox">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">头像</div>
		            <div class="item-input">
      					<input class="js_upFile" type="file">
      					<div class="js_showBox "><img class="js_logoBox" src="" width="" height=""></div>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 姓名 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">姓名</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入姓名">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 性别 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">性别</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>男</option>
		                <option>女</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 出生日期 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">出生日期</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 民族 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">民族</div>
		            <div class="item-input">
		              <input type="text" id='picker' placeholder="选择你的民族"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 婚姻状况 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">婚姻状况</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>未婚</option>
		                <option>已婚</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 最高学历 -->
		       <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">最高学历</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>博士</option>
		                <option>硕士</option>
		                <option>本科</option>
		                <option>专科</option>
		                <option>高中</option>
		                <option>初中</option>
		                <option>小学</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 身高 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">身高</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入身高">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 体重 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">体重</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入体重">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 身份证号 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">身份证号</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入身份证">
		            </div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>
		  <!--第二部分-->
		  <div class="list-block bac">
		    <ul>
		      <!-- 护照号 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">护照号</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入护照">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 护照有效期 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">护照有效期</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 电脑水平 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">电脑水平</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>精通</option>
		                <option>熟练</option>
		                <option>一般</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 驾照类型 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">驾照类型</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>A1</option>
		                <option>B1</option>
		                <option>C1</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		      <!-- 家庭住址 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">家庭住址</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入详细地址">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 技能及证书 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">技能及证书</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入内容">
		            </div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>
		  <!--第三部分-->
		  <div class="list-block listmar">
		    <ul>
		      <!-- 手机号码 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">手机号码</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入手机号码">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 邮箱 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">邮箱</div>
		            <div class="item-input">
		              <input type="email" placeholder="输入邮箱">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- QQ -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">QQ</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入QQ">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 语言水平 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">语言水平</div>
		            <div class="item-input">
		              <input type="text" id='picker-plane' placeholder="语言水平"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		     <!-- 户口城市 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">户口城市</div>
		            <div class="item-input">
		              <input type="text" id='picker-resi' placeholder="户口城市"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		     <!-- 居住城市 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">居住城市</div>
		            <div class="item-input">
		              <input type="text" id='picker-live' placeholder="居住城市"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		      <!-- 紧急联系人 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">紧急联系人</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入姓名">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 联系人关系 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">联系人关系</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>父子</option>
		                <option>母子</option>
		                <option>舅舅</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		      <!-- 联系人电话 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">联系人电话</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入手机号码">
		            </div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>
		  <div class="content-block">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external one">下一步：完善求职意向(1/7)</a></p>
		    
		  </div>
        </div>
    </div>
    <!--求职意向-->
    <div class="page page-current nod" id="qz">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">求职意向</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block">
		    <ul>
		       <!-- 意向国家 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">意向国家</div>
		            <div class="item-input">
		              <input type="text" id='resu' placeholder="最多选3个"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 意向职位 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">意向职位</div>
		            <div class="item-input">
		              <input type="text" placeholder="最多输入3个">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 期望工资 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">期望工资</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>3000</option>
		                <option>3000-5000</option>
		                <option>5000-10000</option>
		                <option>10000-15000</option>
		                <option>15000-20000</option>
		                <option>20000-25000</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 接受办理费用 -->
		       <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">接受办理费</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>3000</option>
		                <option>3000-5000</option>
		                <option>5000-10000</option>
		                <option>10000-15000</option>
		                <option>15000-20000</option>
		                <option>20000-25000</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external two">下一步：完善教育经历(2/7)</a></p>
		  </div>
        </div>
    </div>
    <!--教育经历-->
    <div class="page page-current back nod" id="jy">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">教育经历</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjyl">
		    <ul>
		    	<!-- 学校名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">学校名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入学校名称">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 入学时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">入学时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 毕业时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">毕业时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       
		      <!-- 专业名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">专业名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入专业">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 学历学位 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">学历/学位</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>博士</option>
		                <option>硕士</option>
		                <option>本科</option>
		                <option>专科</option>
		                <option>高中</option>
		                <option>初中</option>
		                <option>小学</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 添加一条教育经历 -->
		      <li>
		        <div class="item-content" id="add">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加一条教育经历</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external three">下一步：完善工作经历(3/7)</a></p>
		  </div>
        </div>
    </div>
    <!--工作经历-->
    <div class="page page-current back nod" id="gz">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">工作经历</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjylw">
		    <ul>
		    	<!-- 公司名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">公司名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入公司名称">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 入职时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">入职时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 离职时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">离职时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       
		      <!-- 职位 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">职位</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入职位">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 月薪 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">月薪</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入月薪">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 职位介绍 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">职位介绍</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入职位介绍">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 离职原因 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">离职原因</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入离职原因">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 添加一条工作经历 -->
		      <li>
		        <div class="item-content" id="addw">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加一条工作经历</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external four">下一步：完善家庭成员(4/7)</a></p>
		  </div>
        </div>
    </div>
    <!--家庭成员-->
    <div class="page page-current back nod" id="jt">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">家庭成员</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjylf">
		    <ul>
		    	<!-- 姓名 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">姓名</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入姓名">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 与本人关系 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">与本人关系</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>父子</option>
		                <option>母子</option>
		                <option>舅舅</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		       <!-- 出生日期 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">出生日期</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       
		      <!-- 职业 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">职业</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入职业">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      <!-- 联系电话 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">联系电话</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入电话">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      <!-- 添加一名成员 -->
		      <li>
		        <div class="item-content" id="addf">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加一名成员</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external five">下一步：补充资料(5/7)</a></p>
		  </div>
        </div>
    </div>
    <div class="page page-current back nod" id="bc">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">补充资料</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjyli">
		    <ul>
		    <!-- 是否色盲 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">是否色盲</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>是</option>
		                <option>否</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		      <!-- 左右手习惯 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">左右手习惯</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>左手</option>
		                <option>右手</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		     <!-- 宗教信仰 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">宗教信仰</div>
		            <div class="item-input">
		              <input type="text" id='picker-info' placeholder="宗教信仰"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		       <!-- 是否近视 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">是否近视</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>是</option>
		                <option>否</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		     <!-- 左眼度数 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">左眼度数</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入度数">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      <!-- 右眼度数 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">右眼度数</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入度数">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external six">下一步：补充资料(6/7)</a></p>
		  </div>
        </div>
    </div>
    <!--证明人-->
    <div class="page page-current back nod" id="zm">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">证明人</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjylp">
		    <ul>
		    	<!-- 证明人 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">证明人</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入姓名">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 与本人关系 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">与本人关系</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>父子</option>
		                <option>母子</option>
		                <option>舅舅</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		      <!-- 地址 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">地址</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入详细地址">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 职业 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">职业</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入职业">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      <!-- 联系电话 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">联系电话</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入电话">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      <!-- 添加证明人 -->
		      <li>
		        <div class="item-content" id="addp">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加证明人</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external">创建完成！(7/7)</a></p>
		  </div>
        </div>
    </div>
    </div>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <!--省市区-->
    <script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
    <script>$.init()</script>
    <script type="text/javascript" src="js/reload.js" ></script>
   <script>
	$("#picker").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">选择你的民族</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['满族', '汉族', '藏族', '维吾尔族', '满族', '汉族', '藏族', '维吾尔族', '满族', '汉族', '藏族', '维吾尔族', '满族', '汉族', '藏族', '维吾尔族']
	    }
	  ]
	});
	$("#picker-plane").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">语言水平</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['英语', '日语', '韩语', '法语', '韩语', '日语', '法语', '英语']
	      //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
	    },
	    {
	      textAlign: 'center',
	      values: ['一般', '熟练', '精通']
	    }
	  ]
	});
	$("#resu").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">意向国家</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	      //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    }
	  ]
	});
	$("#picker-info").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">宗教信仰</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['无信仰', '日语', '韩语', '法语', '韩语', '日语', '法语', '英语']
	      //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
	    }
	  ]
	});
	</script>
	<!--省市区-->
	<script>
	  $("#picker-resi").cityPicker({
	    toolbarTemplate: '<header class="bar bar-nav">\
	    <button class="button button-link pull-right close-picker">确定</button>\
	    <h1 class="title">户口城市</h1>\
	    </header>'
	  });
	  $("#picker-live").cityPicker({
	    toolbarTemplate: '<header class="bar bar-nav">\
	    <button class="button button-link pull-right close-picker">确定</button>\
	    <h1 class="title">居住城市</h1>\
	    </header>'
	  });
	</script>
	<script>
		$(function(){
	     $(document).on('click','#add',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjyl').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
		$(function(){
	     $(document).on('click','#addw',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjylw').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
		$(function(){
	     $(document).on('click','#addf',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjylf').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
		$(function(){
	     $(document).on('click','#addp',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjylp').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
	</script>
	<!--头像上传-->
		<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	 	<script>var jq = jQuery.noConflict();</script>
    <script type="text/javascript" src="js/uploadview.js" ></script>
    <script>
    	jq(".js_upFile").uploadView({
	    uploadBox: '.js_uploadBox',//设置上传框容器
	    showBox : '.js_showBox',//设置显示预览图片的容器
	    width : 40, //预览图片的宽度，单位px
	    height : 40, //预览图片的高度，单位px
	    allowType: ["gif", "jpeg", "jpg", "bmp", "png"], //允许上传图片的类型
	    maxSize :2, //允许上传图片的最大尺寸，单位M
	    success:function(e){
        jq(".js_uploadText").text('更改');
			    }
			});
    </script>
    
  </body>
</html>